// 博客文章数据
export const blogArticles = [
  {
    id: 1,
    title: 'Vue 3 Composition API 最佳实践',
    summary: '深入探讨 Vue 3 Composition API 的使用技巧和最佳实践，帮助你写出更优雅的代码。',
    cover: 'https://picsum.photos/seed/blog1/800/400',
    category: '技术',
    tags: ['Vue 3', 'Composition API', '前端开发'],
    date: '2024-03-15',
    views: 1234,
    comments: 23,
    content: '文章内容...'
  },
  {
    id: 2,
    title: 'Vite 构建工具深度解析',
    summary: '了解 Vite 的工作原理，掌握配置技巧，提升项目构建速度。',
    cover: 'https://picsum.photos/seed/blog2/800/400',
    category: '技术',
    tags: ['Vite', '构建工具', '性能优化'],
    date: '2024-03-10',
    views: 987,
    comments: 15,
    content: '文章内容...'
  },
  {
    id: 3,
    title: 'Pinia 状态管理实战指南',
    summary: 'Pinia 作为 Vue 3 的官方状态管理库，本文将带你从入门到精通。',
    cover: 'https://picsum.photos/seed/blog3/800/400',
    category: '教程',
    tags: ['Pinia', '状态管理', 'Vue 3'],
    date: '2024-03-05',
    views: 1567,
    comments: 31,
    content: '文章内容...'
  },
  {
    id: 4,
    title: 'Element Plus 组件库使用心得',
    summary: '分享使用 Element Plus 开发项目的经验和踩坑记录。',
    cover: 'https://picsum.photos/seed/blog4/800/400',
    category: '技术',
    tags: ['Element Plus', 'UI 组件', 'Vue 3'],
    date: '2024-02-28',
    views: 876,
    comments: 12,
    content: '文章内容...'
  },
  {
    id: 5,
    title: '前端性能优化实战',
    summary: '从多个维度分析前端性能优化的方法和技巧，提升用户体验。',
    cover: 'https://picsum.photos/seed/blog5/800/400',
    category: '技术',
    tags: ['性能优化', '前端开发', '最佳实践'],
    date: '2024-02-20',
    views: 2134,
    comments: 45,
    content: '文章内容...'
  },
  {
    id: 6,
    title: '我的编程之路',
    summary: '回顾自己的编程学习历程，分享一些心得和感悟。',
    cover: 'https://picsum.photos/seed/blog6/800/400',
    category: '随笔',
    tags: ['个人成长', '编程', '经验分享'],
    date: '2024-02-15',
    views: 654,
    comments: 8,
    content: '文章内容...'
  }
]

// 博客分类
export const blogCategories = [
  { label: '全部', value: 'all' },
  { label: '技术', value: '技术' },
  { label: '教程', value: '教程' },
  { label: '随笔', value: '随笔' },
  { label: '生活', value: '生活' }
]

